<%@ page language="java" session="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@include file="./publicvar.jsp" %>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" href="/static/images/favicon.ico" />
    <meta name="baidu-site-verification" content="code-gAFSeDt9OE" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>用户登陆，<%=shareTitle%></title>
    <meta name="description" content="大圈圈聊天室是基于Web在线附近聊天的应用，附近的人可以通过此聊天室随时咨询到附近人员流动、附近热榜、附近招工、附近美食、附近相约...等各种范围内的信息，让大家能时刻了解到附近范围内的信息。">
    <meta name="keywords" content="大圈圈聊天室，附近热榜聊天室，在线聊天,在线聊天室,附近的人,在线小区聊天室,在线交友,交友聊天,附近免费手工活拿回家,附近今天招工,附近相约,附近美食,附近的妇女,邻居也疯狂,邻居人妻">
    <link rel="stylesheet" href="/static/css/index.css" />
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=ovm5jGjZqUMAKwInyLwDRYgaeVMzFXDg"></script>
</head>
<body>

<div class="chatLogin">
    <h2>登陆 - 大圈圈聊天室</h2>

    <form name="postUser" action="/chat/websocket/login" method="post" target="_self" >
        <div><label for="rangeX">我的"经"度坐标：<i id="onGetPosition" class="onGetPosition">点击获取“经纬度”坐标</i></label><input name="rangez" type="text" value="" id="rangeX" class="inputA" readonly /></div>
        <div><label for="rangeY">我的"纬"度坐标：</label><input name="rangey" type="text" value="" id="rangeY" class="inputA" readonly /></div>
<%--        121.48275218500392--%>
<%--        31.220556006708495--%>
        <%--    <p><label for="rangeY">我的"纬"度坐标：</label><input name="rangey" type="text" value="121.560006,31.241399" id="rangeY" readonly /></p>--%>
        <div><label for="userName">用户名：</label><input name="username" type="text" value="" id="userName" class="inputA" /></div>
        <div><label for="userPass">密码：</label><input name="password" type="password" value="" id="userPass" class="inputA" /></div>
        <h6>${errMsg}</h6>
        <div><button type="submit" class="inputB">登 陆</button></div>
    </form>

    <p class="inputC"><a href="/chat/join">注册新用户</a></p>
</div>
<img src="/static/images/logo.jpg" width="0" height="0" alt="大圈圈(daquanquan.ren)，我时刻就在您身边" style="display:block;width:0px; height:0px; overflow:hidden;"/>
<script tyep="text/javascript">
$(function(){
    // 百度地图API功能
    var getPositionIndex = 0;
    var geolocation = new BMap.Geolocation();
    $("#onGetPosition").on("click",function() {
        geolocation.getCurrentPosition(function (r) {
            getPositionIndex++;
            console.log(getPositionIndex);
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                getPositionIndex = 0;
                $("#rangeX").val(r.point.lng);
                $("#rangeY").val(r.point.lat);
                <%--alert('您的位置：' + r.point.lng + ',' + r.point.lat);--%>
            } else {
                <%--// 上海南京东路：121.491016,31.244208--%>
                if(getPositionIndex > 2){
                    $("#rangeX").val("121.491016");
                    $("#rangeY").val("31.244208");
                    $(".chatLogin form h6").text('定位失败，自动为您定位到“上海市-南京东路”');
                }else{
                    alert('定位失败，请重新“点击”获取坐标' + this.getStatus());
                    $(".chatLogin form h6").text('定位失败，请重新“点击”获取坐标' + this.getStatus());
                }
            }
        });
    });
    $("#onGetPosition").click();
});
</script>
<%--//关于状态码--%>
<%--//BMAP_STATUS_SUCCESS    检索成功。对应数值“0”。--%>
<%--//BMAP_STATUS_CITY_LIST    城市列表。对应数值“1”。--%>
<%--//BMAP_STATUS_UNKNOWN_LOCATION    位置结果未知。对应数值“2”。--%>
<%--//BMAP_STATUS_UNKNOWN_ROUTE    导航结果未知。对应数值“3”。--%>
<%--//BMAP_STATUS_INVALID_KEY    非法密钥。对应数值“4”。--%>
<%--//BMAP_STATUS_INVALID_REQUEST    非法请求。对应数值“5”。--%>
<%--//BMAP_STATUS_PERMISSION_DENIED    没有权限。对应数值“6”。(自 1.1 新增)--%>
<%--//BMAP_STATUS_SERVICE_UNAVAILABLE    服务不可用。对应数值“7”。(自 1.1 新增)--%>
<%--//BMAP_STATUS_TIMEOUT    超时。对应数值“8”。(自 1.1 新增)--%>

</body>
</html>